<template>
	<transition 
		enter-active-class='animated fadeIn fastFourMs' 
		leave-active-class='animated fadeOut fastFourMs'
	>
	<div class="common-prompt">
		<div class="prompt-text">
			<slot></slot>
		</div>
	</div>
	</transition>
</template>

<script>
	export default {
		name:'common-prompt'
	}
</script>

<style lang="stylus" scoped>
	.common-prompt
		z-index:9
		position:fixed
		top:0
		left:0
		bottom:0
		right:0
		display:flex
		justify-content:center
		align-items:center
		.prompt-text 
			padding:30px
			color:#fff
			font-size:26px
			border-radius:10px
			background:rgba(0,0,0,.9)
			text-align:center
</style>
